@import '/common/colorui/adaptation.css';

.menu-image {
	width: 56rpx;
	height: 56rpx;
	margin-bottom: 10rpx;
}

/* 考试倒计时样式 */
.exam-countdown {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 20rpx;
	border-radius: 12rpx;
	box-shadow: 0 2rpx 10rpx rgba(0, 0, 0, 0.1);
}

.countdown-content {
	display: flex;
	align-items: center;
	justify-content: center;
}

.countdown-icon {
	font-size: 46rpx;
	margin-right: 20rpx;
}

.countdown-text {
	display: flex;
	align-items: center;
	gap: 8rpx;
}

/* 新的宫格列表样式 */
.modern-grid {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 20rpx 10rpx;
}

.modern-grid-item {
	width: 33.33%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 20rpx 0;
	transition: all 0.3s ease;
}

.modern-grid-item:active {
	transform: scale(0.95);
	opacity: 0.8;
}

/* 修改图标颜色，使其与应用主题色一致 */
.modern-grid-icon {
	width: 60rpx;
	height: 60rpx;
	margin-bottom: 10rpx;
	border-radius: 12rpx;
}

.modern-grid-text {
	font-size: 26rpx;
	color: #333;
	font-weight: 500;
}
